<!--
	作者：1055471363@qq.com
	时间：2017-12-11
	描述：个人信息
-->
<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>个人信息</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<style>
			html,
			body {
				background-color: #efeff4;
			}
			
			.mui-scroll-wrapper,
			.mui-scroll {
				background-color: #efeff4;
			}
			
			.mui-page .mui-table-view:first-child {
				margin-top: 15px;
			}
			
			.mui-page .mui-table-view:last-child {
				margin-bottom: 30px;
			}
			
			.mui-table-view {
				margin-top: 20px;
			}
			
			.mui-table-view span.mui-pull-right {
				color: #999;
			}
		</style>
	</head>

	<body>
		<div class="mui-content" id='personal'>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<a>姓名<span class="mui-pull-right">{{personal.WorkNo}}</span></a>
						</li>
						<li class="mui-table-view-cell">
							<a>工号<span class="mui-pull-right">{{personal.Name}}</span></a>
						</li>
					</ul>
					<ul class="mui-table-view">

						<li class="mui-table-view-cell">
							<a>手机号<span class="mui-pull-right">{{personal.Phone}}</span></a>
						</li>
						<li class="mui-table-view-cell">
							<a>邮箱地址<span class="mui-pull-right">{{personal.Email}}</span></a>
						</li>
						<li class="mui-table-view-cell">
							<a>职位<span class="mui-pull-right">{{personal.Rolename}}</span></a>
						</li>
						<li class="mui-table-view-cell">
							<a>班别<span class="mui-pull-right">{{personal.Class}}</span></a>
						</li>
					</ul>
				</div>
			</div>
		</div>

	</body>

</html>
<script src="../../js/mui.min.js"></script>
<script type="text/javascript" src="../../base.js"></script>
<script type="text/javascript" src="../../js/vue.min.js"></script>
<script type="text/javascript">
	mui.init({
		keyEventBind: {
			backbutton: false //关闭back按键监听
		}
	});
	var user = localStorage.getItem("user")
	mui.plusReady(function() {
		var vm = new Vue({
			el: '#personal',
			data: {
				personal: {}
			},
			mounted: function() {
				this.personalInfo();
			},
			methods: {
				personalInfo: function() {
					var _this = this;

					//					mui.ajax('../../json/personal.json', {
					mui.ajax(base + '/SearchUserInfo/index.json', {
						data: {
							WorkNo: user
						},
						dataType: 'json', //服务器返回json格式数据
						type: 'post', //HTTP请求类型
						timeout: 10000, //超时时间设置为10秒；
						success: function(data) {
							_this.personal = data
						},
						error: function(xhr, type, errorThrown) {

						}
					});

				}
			}
		});
	})
</script>